<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/config/c.tld" prefix="c"%>
<%@ taglib prefix="fn" uri="/WEB-INF/config/fn.tld"%>
<%@ taglib prefix="fmt" uri="/WEB-INF/config/fmt.tld"%>

<!DOCTYPE HTML>
<html>
<head>
<title>信息管理</title>
<script src="Metro/js/jquery-1.9.1.min.js"></script>
</head>
<body>
	<ul class="breadcrumb">
		<li><a href="index.html">首页</a> <i class="icon-angle-right"></i>
		</li>
		<li><a href="#">友情连接管理</a></li>
	</ul>
	<div class="pull-right box">
		<a href="blogroll/manage/initSaveBlogroll.html">
			<button class="btn btn-primary" type="button">
				<i class="fa fa-print"></i> 添加连接信息
			</button>
		</a>
	</div>
	<div class="row-fluid ">
		<div class="box span12">
			<div class="box-header" data-original-title>
				<h2>
					<i class="halflings-icon white edit"></i><span class="break"></span>友情连接管理
				</h2>
				<div class="box-icon">
					<a href="#" class="btn-setting"><i
						class="halflings-icon white wrench"></i></a> <a href="#"
						class="btn-minimize"><i
						class="halflings-icon white chevron-up"></i></a> <a href="#"
						class="btn-close"><i class="halflings-icon white remove"></i></a>
				</div>
			</div>
			<div class="box-content">
				<c:if test="${message!=null}">
					<div class="alert alert-success">
						<button type="button" class="close" data-dismiss="alert">×</button>
						<strong>提示!</strong> ${message}.
					</div>
				</c:if>
				<table id="datatable"
					class="table table-striped table-bordered table-hover dataTable">
					<thead>
						<tr>
							<th>序号</th>
							<th>网站名称</th>
							<th>网站链接</th>
							<th>功能</th>
						</tr>
					</thead>
					<tbody role="alert" aria-live="polite" aria-relevant="all">
						<c:forEach items="${requestScope.allBlogroll }" var="blo">
							<tr>
								<td class="sorting_1">${blo.id }</td>
								<td class="sorting_1">${blo.cnBlogrollName }</td>
								<td class="hidden-xs ">${blo.urlBlogroll }</td>
								<td class="center">
								<a href="blogroll/manage/selectBlogroll.html?id=${blo.id }" role="button"
									data-toggle="modal" class="label label-info" > <i
										class="fa fa-eye" ></i> 查看
								</a> &nbsp;
								 <a href="blogroll/manage/updateBlogroll.html?id=${blo.id }" role="button" data-toggle="modal"
									class="label label-primary"> <i class="fa fa-edit"></i> 编辑
								</a> &nbsp; 
								<a href="blogroll/manage/deleteBlogroll.html?id=${blo.id }" role="button" class="label label-danger"
									onclick="return confirm('删除以后数据将不可恢复\n确定删除吗？')"> <i
										class="fa fa-minus-circle"></i> 删除
								</a>
								</td>
							</tr>
							<c:if test="${requestScope.allBlogroll.size()==0}">
								<tr>
									<td colspan="4" class="grade even center align-items-center"
										height="200">没有友情连接数据信息</td>
								</tr>
							</c:if>

						</c:forEach>
					</tbody>
				</table>

			</div>
		</div>
	</div>

</body>
</html>
